<template>
  <div class="wuzi">
    <!-- 顶部logo -->
    <!-- <img width="100%" src="../../assets/images/wuzi.png" alt="" /> -->
    <!-- 物资内容 -->
    <div class="wrapper">
      <van-tabs v-model="active" animated>
        <van-tab v-for="item in arr" :title="item.title" :key="item.title">
          <!-- <img width="100%" src="../../assets/images/jiujing.png" alt="" /> -->
          <img width="100%" :src="item.img" alt="" />
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>
<script>
import kouzhao from '@/assets/image/kouzhao.png'
import jiujing from '@/assets/image/jiujing.png'
export default {
  data () {
    return {
      active: 0,
      arr: [
        {
          img: jiujing,
          title: '消毒剂'
        },
        {
          img: kouzhao,
          title: '口罩'
        }
      ]
    }
  },
  created () {},
  components: {},
  computed: {},
  methods: {}
}
</script>
<style lang="less" scoped>
.wuzi {
  background: #3343ff;
}
.wrapper {
  background: #3343ff;
  padding: 0.2rem;
}
</style>
